<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta charset="utf-8"/>
    <title>米塔企业微云</title>
    <link href="../plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="../plugins/bootstrapValidator/bootstrapValidator.min.css" rel="stylesheet">
    <link href="../customize/css/iconfont.css" rel="stylesheet">
    <link href="../customize/css/content.css" rel="stylesheet">
    <style>
        .alarm-level.level1{ color: #30C1F8;}
        .alarm-level.level2{ color: #F2D40D;}
        .alarm-level.level3{ color: #F83E30;}
        .alarm-level.level4{ color: #F8A707;}
        .badge{ color: #fff;}
        .badge.level1{ background: #30C1F8;}
        .badge.level2{ background: #F2D40D; color: #333;}
        .badge.level3{ background: #F83E30;}
        .badge.level4{ background: #F8A707;}
        .chart-wrapper{ background: #0C152D;}
        .device-img-wrapper{ width: 208px; height: 159px;}
        .device-img-wrapper img{ max-height: 159px;}
        .data-sec{ border: 1px solid #707070; line-height: 20px; margin-top: 8px;}
        .data-sec .name{ background: rgba(255, 255, 255, 0.2); padding: 0 16px;}
        .data-sec .value{ color: #13D0D4;}
        .electricity-sec{ text-align: center; margin-bottom: 10px;}
        .electricity-sec .title{ line-height: 30px; background: #001A2D;}
        .electricity-sec  div:last-child{ line-height: 32px;}
        .more-position{ top: 0.5rem; right: 0;}
    </style>
</head>
<body>
    <div class="main-content d-flex">
        <div class="flex-1">
            <div style="height: 271px;">
                <div class="mb-2"><a href="deviceList.html" title="返回设备列表"><i class="iconfont icon-xiahua"></i></a>
                </div>
                <div class="d-flex">
                    <div class="">
                        <div class="device-img-wrapper border-blue align-items-center justify-content-center d-flex">
                            <img class="img-fluid" src="../customize/images/device-img.png" alt="" id="image-id">
                        </div>
                        <div class="d-flex font-p12 text-center" style="margin-top: 10px;">
                            <div class="flex-1 border-blue">
                                <div style="line-height: 20px; background-color: rgba(0,40,69,0.8);">数据时间</div>
                                <div class="font-p14" style="line-height: 36px;" id="dataTime_id">00:00</div>
                            </div>
                            <div class="flex-1 border-blue ml-2">
                                <div style="line-height: 20px; background-color: rgba(0,40,69,0.8);">设备位置偏移</div>
                                <div style="margin-top: 4px;" id="offset_id">
                                    <svg t="1594007355449" class="icon" viewBox="0 0 1764 1024" version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="5473" width="46" height="27">
                                        <path d="M352.921176 181.109872h1058.80211c194.922683 0 352.921176 148.121176 352.921175 330.851545s-158.191409 330.851545-352.921175 330.851545H352.921176C158.191409 842.851545 0 694.730369 0 511.961417s158.191409-330.851545 352.921176-330.851545z"
                                              fill="#2185F5" fill-opacity="0.2" p-id="5474"></path>
                                        <path d="M740.721628 511.961417A511.961417 511.961417 0 1 0 1252.721628 0a512 512 0 0 0-512 511.961417z"
                                              fill="#0056D4" p-id="5475"></path>
                                    </svg>
                                    <!-- 下为关图标 -->
                                    <!-- <svg t="1594007409408" class="icon" viewBox="0 0 1862 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5608" width="46" height="27"><path d="M450.845516 181.109872h1058.80211c194.922683 0 352.921176 148.121176 352.921176 330.851545s-158.191409 330.851545-352.921176 330.851545H450.845516c-194.729766 0.038583-352.921176-148.082592-352.921175-330.851545s158.191409-330.851545 352.921175-330.851545z" fill="#2185F5" fill-opacity="0.2" p-id="5609"></path><path d="M0 511.961417A511.961417 511.961417 0 1 0 512 0 512 512 0 0 0 0 511.961417z" fill="#003179" p-id="5610"></path></svg>                   -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flex-1 ml-3">
                        <div class="text-powerOn font-p14" id="status-div" style="margin-top: -3px;">
                            <i class="iconfont icon-gongzuo mr-2 "></i>
                            <span id="deviceName-id"></span>
                        </div>
                        <div class="data-sec d-flex font-p12 text-center">
                            <div class="name">编号</div>
                            <div class="flex-1 value" id="deviceSn-id"></div>
                        </div>
                        <div class="text-powerOn font-p14 mt-2" id="cj_status">
                            <i class="iconfont icon-gongzuo mr-2" id=""></i>
                            <span id="cj_name"></span>
                        </div>
                        <div class="data-sec d-flex font-p12 text-center">
                            <div class="name">编号</div>
                            <div class="flex-1 value" id="cj_bh"></div>
                        </div>
                        <div class="data-sec d-flex font-p12 text-center">
                            <div class="name">站号</div>
                            <div class="flex-1 value" id="port_id"></div>
                        </div>
                        <div class="data-sec d-flex font-p12 text-center">
                            <div class="name">维保倒计时</div>
                            <div class="flex-1 value" id="day_id"></div>
                        </div>
                        <div class="data-sec d-flex font-p12 text-center">
                            <div class="name">上次维保时间</div>
                            <div class="flex-1 value" id="time_id"></div>
                        </div>
                        <div class="data-sec d-flex font-p12 text-center">
                            <div class="name">接线方式</div>
                            <div class="flex-1 value" id="wiring"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="margin-top: 27px;">
                <div class="section-title">生产时长
                    <span class="title-icon"></span>
                    <a class="font-p12 float-right mt-2" href="##" onclick="viewMore('time')">更多 &gt;</a>
                </div>
                <div class="text-center font-p24 mt-3 mb-3">
                    当日生产时长<span class="text-bolder ml-3 font-p32 text-week" id="scsc_id">0h</span>
                </div>
                <div class="chart" id="chart_bar1" style="height: 175px;"></div>
            </div>
            <div style="margin-top: 20px;">
                <div class="section-title">设备使用率
                    <span class="title-icon"></span>
                    <a class="font-p12 float-right mt-2" href="##" onclick="viewMore('usage')">更多 &gt;</a>
                </div>
                <div class="mb-3">
                    <div class="font-p14 text-emphasize mb-1 mt-2 text-center">7日平均使用率</div>
                    <div class="d-flex align-items-center justify-content-center">
                        <div class="progress custom-progress" style="height: 12px; width: 173px;">
                            <div class="progress-bar custom-progress-bar" style="width: 0%" id="syl_id"></div>
                        </div>
                        <div class="text-month font-p12 ml-2" id="syl_value_id">0%</div>
                    </div>
                </div>
                <div class="chart" id="chart_line1" style="height: 206px;"></div>
            </div>
        </div>
        <div class="flex-2" id="hasnot_harmonic" style="margin: 0 40px;">
            <div>
                <div class="section-title mb-3">历史数据
                    <span class="title-icon"></span>
                    <div class="float-right form-row align-items-center mt-2">
                        <div class="col-auto mr-2">
                            <select class="form-control form-control-sm font-p12" id="param_select"
                                    onchange="loadHistoryData(this.value)">
                                <option value="workActive">总有功累计电量</option>
                                <option value="workReacitive">总无功累计电量</option>
                                <option value="powerActive">总有功功率</option>
                                <option value="powerReacitive">总无功功率</option>
                                <option value="frequency">电网频率</option>
                                <option value="workActiveA">A相有功电量</option>
                                <option value="workActiveB">B相有功电量</option>
                                <option value="workActiveC">C相有功电量</option>
                                <option value="workReacitiveA">A相无功电量</option>
                                <option value="workReacitiveB">B相无功电量</option>
                                <option value="workReacitiveC">C相无功电量</option>
                                <option value="powerActiveA">A相有功功率</option>
                                <option value="powerActiveB">B相有功功率</option>
                                <option value="powerActiveC">C相有功功率</option>
                                <option value="powerReacitiveA">A相无功功率</option>
                                <option value="powerReacitiveB">B相无功功率</option>
                                <option value="powerReacitiveC">C相无功功率</option>
                                <option value="voltageA">A相电压</option>
                                <option value="voltageB">B相电压</option>
                                <option value="voltageC">C相电压</option>
                                <option value="currentA">A相电流</option>
                                <option value="currentB">B相电流</option>
                                <option value="currentC">C相电流</option>
                                <option value="powerFactorA">A相功率因数</option>
                                <option value="powerFactorB">B相功率因数</option>
                                <option value="powerFactorC">C相功率因数</option>
                            </select>
                        </div>
                        <a class="font-p12" href="##" onclick="viewMore('history')">更多 &gt;</a>
                    </div>
                </div>
                <div class="chart" id="chart_line2" style="height: 225px"></div>
            </div>
            <div style="margin-top: 27px;">
                <div class="section-title mb-1">今日用电量
                    <span class="title-icon"></span>
                    <a class="font-p12 float-right mt-2" href="##" onclick="viewMore('electric')">更多 &gt;</a>
                </div>
                <div class="text-center font-p24 mb-1">
                    累计电量<span class="text-bolder ml-3 font-p32 text-week" id="ljdl_id">kWh</span>
                </div>
                <div class="chart" id="chart_bar2" style="height: 181px"></div>
                <div class="text-center font-p14 mt-2">
                    <img class="mr-2" src="../customize/images/icon/electricity-icon1.png" alt=""> 低谷
                    <img class="mr-2 ml-3" src="../customize/images/icon/electricity-icon2.png" alt=""> 平段
                    <img class="mr-2 ml-3" src="../customize/images/icon/electricity-icon3.png" alt=""> 高峰
                </div>
            </div>
            <div style="margin-top: 15px;">
                <div class="section-title mb-3">实时功率
                    <span class="title-icon"></span>
                    <a class="font-p12 float-right mt-2" href="##" onclick="viewMore('power')">更多 &gt;</a>
                </div>
                <div class="chart" id="chart_line3" style="height: 257px"></div>
            </div>
        </div>
        <div class="flex-2" id="has_harmonic" style="margin: 0 40px; max-width: 0; overflow-x: hidden">
            <div class="position-relative">
                <div>
                    <div class="btn-group" id="switch_sec">
                        <button type="button" class="btn btn-primary font-p14">今日用电量</button>
                        <button type="button" class="btn btn-inactive font-p14">实时功率</button>
                        <button type="button" class="btn btn-inactive font-p14">历史数据</button>
                    </div>
                </div>
                <div class="nav-tab-sec nav-tab-sec0">
                    <a class="position-absolute more-position font-p12 mt-2" href="##" onclick="viewMore('electric')">更多 &gt;</a>
                    <div class="text-center font-p24 mb-1">
                        累计电量<span class="text-bolder ml-3 font-p32 text-week" id="ljdl_id">kWh</span>
                    </div>
                    <div class="chart" id="chart_bar2" style="height: 184px"></div>
                    <div class="text-center font-p14 mt-2">
                        <img class="mr-2" src="../customize/images/icon/electricity-icon1.png" alt=""> 低谷
                        <img class="mr-2 ml-3" src="../customize/images/icon/electricity-icon2.png" alt=""> 平段
                        <img class="mr-2 ml-3" src="../customize/images/icon/electricity-icon3.png" alt=""> 高峰
                    </div>
                </div>
                <div class="nav-tab-sec nav-tab-sec1 d-none">
                    <a class="position-absolute more-position font-p12 mt-2" href="##" onclick="viewMore('power')">更多 &gt;</a>
                    <div class="chart my-3" id="chart_line3" style="height: 233px"></div>
                </div>
                <div class="nav-tab-sec nav-tab-sec2 d-none">
                    <div class="position-absolute more-position form-row align-items-center mx-0">
                        <div class="col-auto mr-2">
                            <select class="form-control form-control-sm font-p12" id="param_select"
                                    onchange="loadHistoryData(this.value)">
                                <option value="workActive">总有功累计电量</option>
                                <option value="workReacitive">总无功累计电量</option>
                                <option value="powerActive">总有功功率</option>
                                <option value="powerReacitive">总无功功率</option>
                                <option value="frequency">电网频率</option>
                                <option value="workActiveA">A相有功电量</option>
                                <option value="workActiveB">B相有功电量</option>
                                <option value="workActiveC">C相有功电量</option>
                                <option value="workReacitiveA">A相无功电量</option>
                                <option value="workReacitiveB">B相无功电量</option>
                                <option value="workReacitiveC">C相无功电量</option>
                                <option value="powerActiveA">A相有功功率</option>
                                <option value="powerActiveB">B相有功功率</option>
                                <option value="powerActiveC">C相有功功率</option>
                                <option value="powerReacitiveA">A相无功功率</option>
                                <option value="powerReacitiveB">B相无功功率</option>
                                <option value="powerReacitiveC">C相无功功率</option>
                                <option value="voltageA">A相电压</option>
                                <option value="voltageB">B相电压</option>
                                <option value="voltageC">C相电压</option>
                                <option value="currentA">A相电流</option>
                                <option value="currentB">B相电流</option>
                                <option value="currentC">C相电流</option>
                                <option value="powerFactorA">A相功率因数</option>
                                <option value="powerFactorB">B相功率因数</option>
                                <option value="powerFactorC">C相功率因数</option>
                            </select>
                        </div>
                        <a class="font-p12" href="##" onclick="viewMore('history')">更多 &gt;</a>
                    </div>
                    <div class="chart my-3" id="chart_line2" style="height: 233px"></div>
                </div>
            </div>
            <div>
                <div class="section-title mb-2">电压谐波畸变率
                    <span class="title-icon"></span>
                </div>
                <div class="chart" id="chart_bar3" style="height: 267px"></div>
            </div>
            <div>
                <div class="section-title mb-2">电流谐波畸变率
                    <span class="title-icon"></span>
                </div>
                <div class="chart" id="chart_bar4" style="height: 267px"></div>
            </div>
        </div>
        <div class="flex-1">
            <div style="height: 281px">
                <div class="section-title mb-2">历史告警
                    <span class="title-icon"></span>
                    <a class="font-p12 float-right mt-2" href="##" onclick="viewMore('alarm')">更多 &gt;</a>
                </div>
                <table class="table table-striped table-sm mb-0" id="alarm_List">
                    <thead>
                    <tr>
                        <th>等级</th>
                        <th>内容</th>
                        <th>时间</th>
                        <th>状态</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- <tr>
                       <td class="alarm-level level3">严重</td>
                       <td>授信分数低于预警值</td>
                       <td>2019-12-13</td>
                       <td>已恢复</td>
                     </tr>-->
                    </tbody>
                </table>
            </div>
            <div style="margin-top: 17px;">
                <div class="section-title mb-3">用电分析
                    <span class="title-icon"></span>
                    <a class="font-p12 float-right mt-2" href="##" onclick="viewMore('analysis')">更多 &gt;</a>
                </div>
                <div class="d-flex justify-content-around align-items-center mb-3">
                    <div class="text-center">
                        <div class="font-p14 mb-2">健康指数评分</div>
                        <div class="text-emphasize">
                            <span class="font-p32 text-bolder" id="jkzs_fs">0</span>
                            <span class="font-p12">分</span>
                        </div>
                        <img src="../customize/images/analysis-score.png" alt="">
                    </div>
                    <div class="chart" id="chart_radar" style="height: 249px; width: 258px;"></div>
                </div>
            </div>
            <div class="border-section">
                <div class="section-title">用电统计
                    <span class="title-icon"></span>
                </div>
                <div class="d-flex mx-n3" style="margin-top: 18px">
                    <div class="flex-1">
                        <div class="electricity-sec">
                            <div class="title font-p14">当前电价</div>
                            <div class="font-p12 text-emphasize">
                                <span class="font-p16 text-bolder text-month" id="currentPrice">0</span> 元/kWh
                            </div>
                        </div>
                        <div class="electricity-sec">
                            <div class="title font-p14">当日电费</div>
                            <div class="font-p12 text-emphasize">
                                <span class="font-p16 text-bolder text-purple" id="today_id">0</span> 万元
                            </div>
                        </div>
                    </div>
                    <div class="flex-1" style="margin: 0 24px">
                        <div class="electricity-sec">
                            <div class="title font-p14">昨日电价</div>
                            <div class="font-p12 text-emphasize">
                                <span class="font-p16 text-bolder text-month" id="yesterdayPrice">0</span> 元/kWh
                            </div>
                        </div>
                        <div class="electricity-sec">
                            <div class="title font-p14">昨日电费</div>
                            <div class="font-p12 text-emphasize">
                                <span class="font-p16 text-bolder text-purple" id="yesterday_id">0</span> 万元
                            </div>
                        </div>
                    </div>
                    <div class="flex-1">
                        <div class="electricity-sec">
                            <div class="title font-p14">上月电价</div>
                            <div class="font-p12 text-emphasize">
                                <span class="font-p16 text-bolder text-month" id="lastMonthPrice">0</span> 元/kWh
                            </div>
                        </div>
                        <div class="electricity-sec">
                            <div class="title font-p14">本月电费</div>
                            <div class="font-p12 text-emphasize">
                                <span class="font-p16 text-bolder text-purple" id="thisMonth_id">0</span> 万元
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex mx-n3">
                    <div class="flex-1 electricity-sec">
                        <div class="title font-p16">实时有功</div>
                        <div class="font-p12 text-emphasize">
                            <span class="font-p16 text-bolder text-powerOn" id="ssyg_id">0</span> kW
                        </div>
                    </div>
                    <div class="flex-1 electricity-sec">
                        <div class="title font-p16">实时无功</div>
                        <div class="font-p12 text-emphasize">
                            <span class="font-p16 text-bolder text-powerOn" id="sswg_id">0</span> kVar
                        </div>
                    </div>
                    <div class="flex-1 electricity-sec">
                        <div class="title font-p16">功率因数</div>
                        <div class="font-p12 text-emphasize">
                            <span class="font-p16 text-bolder text-powerOn" id="glys_id">0</span>
                        </div>
                    </div>
                    <div class="flex-1 electricity-sec">
                        <div class="title font-p16">负载率</div>
                        <div class="font-p12 text-emphasize">
                            <span class="font-p16 text-bolder text-powerOn" id="fzl_id">0</span> %
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div class="modal fade" id="viewMoreModal_time" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="section-title">生产时长
                    <span class="title-icon"></span>
                </div>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-4">
                <form class="form-row align-items-center mb-3">
                    <div class="col-auto">
                        <strong class="font-p14">条件查询：</strong>
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker" name="" id="searchTimeBegin_time" type="text"
                               placeholder="开始时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker" name="" id="searchTimeEnd_time" type="text"
                               placeholder="结束时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <button class="btn btn-primary" type="button"
                                onclick="loadProductionTimeData($('#searchTimeBegin_time').val(),$('#searchTimeEnd_time').val())">
                            <i class="iconfont icon-dituyechaxun"></i> 查询
                        </button>
                    </div>
                </form>
                <div class="chart-wrapper p-3">
                    <div class="chart modal-chart" id="modalChart_time" style="height: 400px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="viewMoreModal_usage" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="section-title">设备使用率
                    <span class="title-icon"></span>
                </div>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-4">
                <form class="form-row align-items-center mb-3">
                    <div class="col-auto">
                        <strong class="font-p14">条件查询：</strong>
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker" name="" id="searchTimeBegin_usage" type="text"
                               placeholder="开始时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker" name="" id="searchTimeEnd_usage" type="text"
                               placeholder="结束时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <button class="btn btn-primary" type="button"
                                onclick="loadEquipmentUsage($('#searchTimeBegin_usage').val(),$('#searchTimeEnd_usage').val())">
                            <i class="iconfont icon-dituyechaxun"></i> 查询
                        </button>
                    </div>
                </form>
                <div class="chart-wrapper p-3">
                    <div class="chart modal-chart" id="modalChart_usage" style="height: 400px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="viewMoreModal_history" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="section-title">历史数据
                    <span class="title-icon"></span>
                </div>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-4">
                <form class="d-flex align-items-center justify-content-between mb-3">
                    <div>
                        <div class="form-row align-items-center mb-2">
                            <div class="col-auto">
                                <strong class="font-p14">时间范围：</strong>
                            </div>
                            <div class="col-auto">
                                <input class="form-control time-picker form-datatime" name="" id="searchTimeBegin_history" type="text"
                                       placeholder="开始时间" autocomplete="off">
                            </div>
                            <div class="col-auto">
                                <input class="form-control time-picker form-datatime" name="" id="searchTimeEnd_history" type="text"
                                       placeholder="结束时间" autocomplete="off">
                            </div>
                        </div>
                        <div class="font-p14 font-weight-bold mb-2">选择参数：</div>
                        <div class="">
                            <div class="custom-control custom-radio custom-control-inline">
                                <input class="custom-control-input" type="radio" id="customRadioInline1"
                                       name="param" checked value="workActive">
                                <label class="custom-control-label" for="customRadioInline1">总有功累计电量</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input class="custom-control-input" type="radio" id="customRadioInline2"
                                       name="param" value="workReacitive">
                                <label class="custom-control-label" for="customRadioInline2">总无功累计电量</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input class="custom-control-input" type="radio" id="customRadioInline3"
                                       name="param" value="powerActive">
                                <label class="custom-control-label" for="customRadioInline3">总有功功率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input class="custom-control-input" type="radio" id="customRadioInline4"
                                       name="param" value="powerReacitive">
                                <label class="custom-control-label" for="customRadioInline4">总无功功率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input class="custom-control-input" type="radio" id="customRadioInline5"
                                       name="param" value="frequency">
                                <label class="custom-control-label" for="customRadioInline5">电网频率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline6"
                                       name="param" value="workActiveA">
                                <label class="custom-control-label" for="customRadioInline6">A相有功电量</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline7"
                                       name="param" value="workActiveB">
                                <label class="custom-control-label" for="customRadioInline7">B相有功电量</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline8"
                                       name="param" value="workActiveC">
                                <label class="custom-control-label" for="customRadioInline8">C相有功电量</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline9"
                                       name="param"
                                       value="workReacitiveA">
                                <label class="custom-control-label" for="customRadioInline9">A相无功电量</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline10"
                                       name="param"
                                       value="workReacitiveB">
                                <label class="custom-control-label" for="customRadioInline10">B相无功电量</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline11"
                                       name="param"
                                       value="workReacitiveC">
                                <label class="custom-control-label" for="customRadioInline11">C相无功电量</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline12"
                                       name="param" value="powerActiveA">
                                <label class="custom-control-label" for="customRadioInline12">A相有功功率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline13"
                                       name="param" value="powerActiveB">
                                <label class="custom-control-label" for="customRadioInline13">B相有功功率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline14"
                                       name="param" value="powerActiveC">
                                <label class="custom-control-label" for="customRadioInline14">C相有功功率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline30"
                                       name="param" value="powerReacitiveA">
                                <label class="custom-control-label" for="customRadioInline30">A相无功功率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline31"
                                       name="param" value="powerReacitiveB">
                                <label class="custom-control-label" for="customRadioInline31">B相无功功率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline32"
                                       name="param" value="powerReacitiveC">
                                <label class="custom-control-label" for="customRadioInline32">C相无功功率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input class="custom-control-input" type="radio" id="customRadioInline15"
                                       name="param"
                                       value="voltageA">
                                <label class="custom-control-label" for="customRadioInline15"><span class="three-phase">A相</span>电压</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline16"
                                       name="param"
                                       value="voltageB">
                                <label class="custom-control-label" for="customRadioInline16">B相电压</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline17"
                                       name="param"
                                       value="voltageC">
                                <label class="custom-control-label" for="customRadioInline17">C相电压</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input class="custom-control-input" type="radio" id="customRadioInline18"
                                       name="param"
                                       value="currentA">
                                <label class="custom-control-label" for="customRadioInline18"><span class="three-phase">A相</span>电流</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline19"
                                       name="param"
                                       value="currentB">
                                <label class="custom-control-label" for="customRadioInline19">B相电流</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline20"
                                       name="param"
                                       value="currentC">
                                <label class="custom-control-label" for="customRadioInline20">C相电流</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input class="custom-control-input" type="radio" id="customRadioInline21"
                                       name="param"
                                       value="powerFactorA">
                                <label class="custom-control-label" for="customRadioInline21"><span class="three-phase">A相</span>功率因数</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline22"
                                       name="param"
                                       value="powerFactorB">
                                <label class="custom-control-label" for="customRadioInline22">B相功率因数</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase">
                                <input class="custom-control-input" type="radio" id="customRadioInline23"
                                       name="param"
                                       value="powerFactorC">
                                <label class="custom-control-label" for="customRadioInline23">C相功率因数</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline xbjb">
                                <input class="custom-control-input" type="radio" id="customRadioInline24"
                                       name="param" value="distortionVA">
                                <label class="custom-control-label" for="customRadioInline24"><span class="three-phase">A相</span>电压谐波畸变率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase xbjb">
                                <input class="custom-control-input" type="radio" id="customRadioInline25"
                                       name="param" value="distortionVB">
                                <label class="custom-control-label" for="customRadioInline25">B相电压谐波畸变率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase xbjb">
                                <input class="custom-control-input" type="radio" id="customRadioInline26"
                                       name="param" value="distortionVC">
                                <label class="custom-control-label" for="customRadioInline26">C相电压谐波畸变率</label>
                            </div>

                            <div class="custom-control custom-radio custom-control-inline xbjb">
                                <input class="custom-control-input" type="radio" id="customRadioInline27"
                                       name="param" value="distortionIA">
                                <label class="custom-control-label" for="customRadioInline27"><span class="three-phase">A相</span>电流谐波畸变率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase xbjb">
                                <input class="custom-control-input" type="radio" id="customRadioInline28"
                                       name="param" value="distortionIB">
                                <label class="custom-control-label" for="customRadioInline28">B相电流谐波畸变率</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline three-phase xbjb">
                                <input class="custom-control-input" type="radio" id="customRadioInline29"
                                       name="param" value="distortionIC">
                                <label class="custom-control-label" for="customRadioInline29"><span class="three-phase">A相</span>电流谐波畸变率</label>
                            </div>
                        </div>
                        <div class="mt-3">
                            <button class="btn btn-primary" type="button" onclick="loadMoreHistoryData()"><i
                                    class="iconfont icon-xiaolan"></i> 生成图表
                            </button>
                        </div>
                    </div>

                </form>
                <div class="chart-wrapper p-3">
                    <div class="chart modal-chart" id="modalChart_history" style="height: 400px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="viewMoreModal_electric" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="section-title">用电量
                    <span class="title-icon"></span>
                </div>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-4">
                <form class="form-row align-items-center mb-3">
                    <div class="col-auto">
                        <strong class="font-p14">条件查询：</strong>
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker form-datatime" name="" id="searchTimeBegin_electric" type="text"
                               placeholder="开始时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker form-datatime" name="" id="searchTimeEnd_electric" type="text"
                               placeholder="结束时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <button class="btn btn-primary" type="button"
                                onclick="loadTodayElectricityData($('#searchTimeBegin_electric').val(),$('#searchTimeEnd_electric').val())">
                            <i class="iconfont icon-dituyechaxun"></i> 查询
                        </button>
                    </div>
                </form>
                <div class="chart-wrapper p-3">
                    <div class="d-flex justify-content-center mb-3">
                        <div class="statistical-data-border text-center font-p24">
                                累计电量<span class="text-bolder ml-3 font-p32 text-week" id="ljdlgd_id">0kWh</span>
                        </div>
                        <div class="statistical-data-border text-center font-p24 ml-5">
                                预估电费<span class="text-bolder ml-3 font-p32 text-week" id="ygdf_id"></span><strong class="font-p28 text-week">万元</strong>
                        </div>
                    </div>
                    <div class="chart modal-chart" id="modalChart_electric" style="height: 310px;"></div>
                    <div class="text-center font-p14 mt-2">
                        <img class="mr-2" src="../customize/images/icon/electricity-icon1.png" alt=""> 低谷
                        <img class="mr-2 ml-3" src="../customize/images/icon/electricity-icon2.png" alt=""> 平段
                        <img class="mr-2 ml-3" src="../customize/images/icon/electricity-icon3.png" alt=""> 高峰
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="viewMoreModal_power" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="section-title">功率
                    <span class="title-icon"></span>
                </div>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-4">
                <form class="form-row align-items-center mb-3">
                    <div class="col-auto">
                        <strong class="font-p14">条件查询：</strong>
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker form-datatime" name="" id="searchTimeBegin_power" type="text"
                               placeholder="开始时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker form-datatime" name="" id="searchTimeEnd_power" type="text"
                               placeholder="结束时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <button class="btn btn-primary" type="button"
                                onclick="loadRealPowerData($('#searchTimeBegin_power').val(),$('#searchTimeEnd_power').val())">
                            <i class="iconfont icon-dituyechaxun"></i> 查询
                        </button>
                    </div>
                </form>
                <div class="chart-wrapper p-3">
                    <div class="chart modal-chart" id="modalChart_power" style="height: 400px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="viewMoreModal_alarm" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="section-title mb-2">历史告警
                    <span class="title-icon"></span>
                </div>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-4">
                <form class="form-row align-items-center mb-3">
                    <div class="col-auto">
                        <strong class="font-p14">条件查询：</strong>
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker form-datatime" name="" id="searchTimeBegin_alarm" type="text"
                               placeholder="开始时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker form-datatime" name="" id="searchTimeEnd_alarm" type="text"
                               placeholder="结束时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <select class="form-control" id="status-id">
                            <option value="0">选择处理状态</option>
                            <option value="1">未处理</option>
                            <option value="2">未恢复</option>
                            <option value="3">已恢复</option>
                        </select>
                    </div>
                    <div class="col-auto">
                        <button class="btn btn-primary" type="button" onclick="loadMoreAlarmData()"><i
                                class="iconfont icon-dituyechaxun"></i> 查询
                        </button>
                    </div>
                </form>
                <table class="table table-striped table-bordered table-center" id="alarm_MoreList">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>告警等级</th>
                        <th>设备</th>
                        <th>告警内容</th>
                        <th>告警时间</th>
                        <th>处理状态</th>
                        <th>处理结果</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!--   <tr>
                       <td>1</td>
                       <td><span class="badge level1">普通</span></td>
                       <td>demo设备1</td>
                       <td>授信分数低于预警值</td>
                       <td>1994-01-23 02:00:00</td>
                       <td class="text-danger">未处理</td>
                       <td>忽略</td>
                     </tr>
                     <tr>
                       <td>2</td>
                       <td><span class="badge level1">普通</span></td>
                       <td>demo设备1</td>
                       <td>授信分数低于预警值</td>
                       <td>1994-01-23 02:00:00</td>
                       <td class="text-warning">未恢复</td>
                       <td>忽略</td>
                     </tr>
                     <tr>
                       <td>3</td>
                       <td><span class="badge level2">一般</span></td>
                       <td>demo设备1</td>
                       <td>授信分数低于预警值</td>
                       <td>1994-01-23 02:00:00</td>
                       <td>已处理</td>
                       <td>忽略</td>
                     </tr>
                     <tr>
                       <td>4</td>
                       <td><span class="badge level3">严重</span></td>
                       <td>demo设备1</td>
                       <td>授信分数低于预警值</td>
                       <td>1994-01-23 02:00:00</td>
                       <td>已处理</td>
                       <td>忽略</td>
                     </tr>
                     <tr>
                       <td>5</td>
                       <td><span class="badge level4">故障</span></td>
                       <td>demo设备1</td>
                       <td>授信分数低于预警值</td>
                       <td>1994-01-23 02:00:00</td>
                       <td>已处理</td>
                       <td>忽略</td>
                     </tr>-->
                    </tbody>
                </table>
                <div id="page" class="page_div normal"></div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="viewMoreModal_analysis" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="section-title mb-2">用电分析
                    <span class="title-icon"></span>
                </div>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-4">
                <form class="form-row align-items-center mb-3">
                    <div class="col-auto">
                        <strong class="font-p14">条件查询：</strong>
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker form-datatime" name="" id="searchTimeBegin_analysis" type="text"
                               placeholder="开始时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker form-datatime" name="" id="searchTimeEnd_analysis" type="text"
                               placeholder="结束时间" autocomplete="off">
                    </div>
                    <div class="col-auto">
                        <button class="btn btn-primary" type="button"
                                onclick="loadElectricityAnalysisData($('#searchTimeBegin_analysis').val(),$('#searchTimeEnd_analysis').val())">
                            <i class="iconfont icon-dituyechaxun"></i></button>
                    </div>
                </form>
                <div class="chart-wrapper p-3">
                    <div class="chart modal-chart" id="modalChart_analysis" style="height: 400px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../plugins/jquery-3.4.1.min.js"></script>
<script src="../plugins/bootstrap/bootstrap.bundle.min.js"></script>
<script src="../plugins/alert.js"></script>
<script src="../plugins/echarts.min.js"></script>
<script src="../plugins/laydate/laydate.js"></script>
<script src="../plugins/paging.js"></script>
<script src="../plugins/jquery.cookie.js"></script>
<script src="../customize/js/common.js"></script>
<script src="../customize/js/CommonUtils.js"></script>
<script src="../customize/js/customModalV2.js"></script>
<script src="../customize/js/deviceData.js"></script>
</body>
</html>